﻿<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>欢迎来到棒棒糖！</title>
<link rel="stylesheet" type="text/css" href="../Public/main/css/interface.css" />
<style type="text/css">
#userList{
    display: none;
    height: auto;
     }
</style>
<script type="text/javascript" src="../Public/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../Public/main/js/interface.js"></script>
<script type="text/javascript">
function showChildren(){
  
  $("#userList").css('display','block');  
  $("#userList").mouseout(function(){
  $("#userList").css('display','none');   
  });  
}
function lostChild(){
  $("#userList").css('display','none');   
}
function selectChild(uid){
    var url="showChildInfo/uid/"+uid;
    $('#container_m').attr('src',"{:U('"+url+"')}");
}
function tomain(){
    $('#container_m').attr('src',"{:U('Public/tohome')}");
    
}
function toparent(){
    $('#container_m').attr('src',"{:U('Public/toparent')}");
    //$('#title').css('background-image','url(../Public/main/image/title.png)');	
  //  $('#title_w').html('');
}
function toDiscuss(){
     $('#container_m').attr('src',"{:U('Discuss/Index')}");
}
function toOut(){
   window.location.href="{:U('Public/loginout')}";
}
function selectUser(){
    var name = $('#selectuser').val();
    if(name==null)
    {
        alert("请输入查找孩子的姓名！")
    }
    var url = "selectChild/selectname/"+name;
    $('#container_m').attr('src',"{:U('"+url+"')}");
     $('#selectuser').attr('value','请输入孩子名字')
}
function cleartext(){
  $('#selectuser').attr('value','');
}
</script>
</head>
<body>

<!-- 工具栏 -->
<div id="tool" >
<div id="tool_logo">
</div>
<div class="tool"><div class="tool_text" onclick="tomain()">首页</div></div>
<div class="tool"><div class="tool_text" onclick="toparent()">父母</div></div>
<div class="tool"><div class="tool_text" onmouseover="showChildren()" onmouseout="lostChild()">孩子
<div id="userList">

<volist name="userIdList" id='userId' >
<div onclick="selectChild({$userId.uid})" style="background:#f8f8f8;color:#697c7a;border:solid 1px #ffffff;cursor: pointer;width:100%;height:25px;line-height:25px;text-align:center;">{$userId.name}</div>
</volist>

</div>
</div>
</div>
<div class="tool"><div class="tool_text" onclick="toDiscuss()">话题</div></div>
<div class="tool r"></div>
<div class="tool r"><div class="tool_text" onclick="toOut()">退出</div></div>
<!--<div class="tool r"><div class="tool_text">设置</div></div>-->
</div>
<!-- 工具栏结束 -->
<div id='maincontainer'>
	<div id="container">
		<div id="title_b">
			<div id="title">
  	             <div id="title_w"> 
                     <input type="text" id="selectuser" name="selectuser" value="请输入孩子名字" style="height:30px;float:left;margin-top: 5px;font-family:'黑体';" onfocus="cleartext()" />
                     <div  style="float:left;background:url(../Public/main/image/select.png) no-repeat;width:35px;height:30px;margin-left:5px;cursor:pointer;margin-top: 5px;" onclick="selectUser()" ></div>
                </div>
			</div>
		</div>
<iframe id="container_m" frameborder="0" src="{:U('/Public/tohome')}" >
</iframe>
<div id="about">
	<div>
		<a>所有内容©Tang-保留所有权利</a> <a href="#">联系我们</a> <a>|</a> <a href="#">隐私权政策</a> <a>|</a> <a href="#">服务条款</a>
	</div>
</div>
	</div><!-- container结束 -->
</div><!-- maincontainer结束 -->
<!--<div id='middlecontainer'></div>-->
<div id="bottomcontainer"><div id="ship" onclick="shove_off(this)"></div></div>
</body>
</html>
